app.views.Main = Ext.extend(Ext.Panel, {
    items: [{
        xtype: 'panel',
        html: '<h1>This text is defined in app/views/Main.js</h1>'
    }],
    initComponent: function () {
        this.starRating = new Ext.ux.touch.Rating({
            itemsCount: 5,
            inputCls: 'x-rating-star-input',
            itemCls: 'x-rating-star',
            itemHoverCls: 'x-rating-star-hover'
        });
        this.items = this.dockedItems || [];
        this.items.push(this.starRating);
        app.views.Main.superclass.initComponent.call(this); // Must go at the end of initComponent. 
    }
});